<template>
  <div :class="[divStat?divClsY:divClsN, divClsD]" v-if="isShow" @click="menuClick">
    <i :class="[iConStat?iConClsY:iConClsN, iConClsD]"></i>
  </div>
</template>

<script>
export default {
  name: 'toolmenu',
  props: {
    menuName: String, // 菜单名
    isShow: { // 可见控制
      type: Boolean,
      default: false
    },
    iConClsY: String, // icon样式true
    iConClsN: String, // icon样式false
    iConClsD: String, // icon默认样式
    iConStat: { // icon样式控制
      type: Boolean,
      default: false
    },
    divClsY: String, // div样式true
    divClsN: String, // div样式false
    divClsD: String, // div默认样式
    divStat: { // div样式控制
      type: Boolean,
      default: false
    }
  },
  methods: {
    menuClick () {
      this.$emit('menuClick', this.menuName)
    }
  }
}
</script>
